<template>
  <Banner />
  <div class="container">
    <Typography title="服务与优势" content="多年项目开发经验，全行业覆盖开发，一站式服务体验" />
    <div class="flex max780px:flex-wrap min780px:space-x-6">
      <Card flex-direction="column" title="服务理念1" content="多年项目开发经验，全行业覆盖开发，一站式服务体验多年项目开发经验，全行业覆盖开发，一站式服务体验"
        padding='3rem' background="#f6f6f9" box-shadow="0px 4px 1px 0px rgba(0, 0, 0, 0.29)" />
      <Card flex-direction="column" title="服务理念1" content="多年项目开发经验，全行业覆盖开发，一站式服务体验多年项目开发经验，全行业覆盖开发，一站式服务体验"
        padding='3rem' background="#f6f6f9" box-shadow="0px 4px 1px 0px rgba(0, 0, 0, 0.29)" />
      <Card flex-direction="column" title="服务理念1" content="多年项目开发经验，全行业覆盖开发，一站式服务体验多年项目开发经验，全行业覆盖开发，一站式服务体验"
        padding='3rem' background="#f6f6f9" box-shadow="0px 4px 1px 0px rgba(0, 0, 0, 0.29)" />
    </div>
    <Typography title="服务与优势" content="多年项目开发经验，全行业覆盖开发，一站式服务体验" />
    <div class="flex max780px:flex-wrap min780px:space-x-6">
      <Card flex-direction="row" title="服务理念1" content="多年项目开发经验，全行业覆盖开发，一站式服务体验多年项目开发经验，全行业覆盖开发，一站式服务体验"
        padding='3rem' />
      <Card flex-direction="row" title="服务理念1" content="多年项目开发经验，全行业覆盖开发，一站式服务体验多年项目开发经验，全行业覆盖开发，一站式服务体验"
        padding='3rem' />
    </div>
    <Typography title="服务与优势" />
    <div class="flex max780px:flex-wrap min780px:space-x-6">
      <Card flex-direction="column" title="服务理念1" content="多年项目开发经验，全行业覆盖开发，一站式服务体验多年项目开发经验，全行业覆盖开发，一站式服务体验"
        padding='3rem' />
      <Card flex-direction="column" title="服务理念1" content="多年项目开发经验，全行业覆盖开发，一站式服务体验多年项目开发经验，全行业覆盖开发，一站式服务体验"
        padding='3rem' />
      <Card flex-direction="column" title="服务理念1" content="多年项目开发经验，全行业覆盖开发，一站式服务体验多年项目开发经验，全行业覆盖开发，一站式服务体验"
        padding='3rem' />
      <Card flex-direction="column" title="服务理念1" content="多年项目开发经验，全行业覆盖开发，一站式服务体验多年项目开发经验，全行业覆盖开发，一站式服务体验"
        padding='3rem' />
    </div>
  </div>
</template>

<script lang="ts" setup>
import Banner from './module/banner/index.vue'
import Typography from './module/Typography/index.vue'
import Card from './module/card/index.vue'
</script>

<style scoped lang="scss">
.container {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  color: #333;
}
</style>

